<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title> </title>
<style type='text/css'>
p {
  height:200px;
  background-color:#f00;
  }
</style>
<script  type='text/javascript' src='../animation.js' ></script>
<script type='text/javascript'>
onload=function()
{
  var trans=document.getElementsByTagName('p')[0].createAnimation();
  trans.speed=10;
  trans.accelerationProfile=trans.accelerate;
  trans.addAnimation('backgroundColor', '#f00', '#fff').run();
  trans.onfinish=function(){alert('done')};
}
</script>
</head>

<body>
<p>hallo</p>
</body>
</html>
